<template>
  <div class="home" style="height:calc(100vh - 64px)">
    <Row type="flex" justify="center" :gutter="20">
      <!-- 左侧开始 -->
      <i-col :span="24">
        <Row style="margin: 20px 80px;">
          <form-item style="text-align:left;color:#fff"></form-item>
        </Row>
        <Row style="margin: 0px 80px;">
          <i-col :span="24">
             <EventsTable></EventsTable>
          </i-col>
        </Row>
      </i-col>
    </Row>
  </div>
</template>

<script>
// 页面组件
import FormItem from "./formItem.vue"
import EventsTable from "./eventsTable"

export default {
  components: {
    EventsTable,
    FormItem
  }
}
</script>

<style lang="less">
@background-color: #0a4271 ;
@tab-active-color: #1181b3 !important;

.ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab {
  color: #fff !important;
  background: @background-color;
  border: 1px solid @background-color;
}
.ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab-active {
  color: #fff !important;
  background-color: @tab-active-color;
  border: 1px solid aqua !important;
}
</style>
